import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
//国际化
import { i18n } from './i18n'
import router from './router';
//使用Pinia
import pinia from '@/stores/index';
// 全局TinyVue
// import TinyVue from '@opentiny/vue';
import tiny from '@/plugins/tinyVue.js';

// 公共组件
import BatchVue from '@/components/com/index';
// 引入api后端接口
import api from '@/api/api.js';
//格式化工具编辑器
import Editor from 'bin-editor-next';
import '@/plugins/cos_theme.js';

import WebTracing from '@web-tracing/vue3'

// import TinyThemeTool, { tinyOldTheme, tinyAuroraTheme,tinyDarkTheme  } from '@opentiny/vue-theme/theme-tool'
// const themeTool = new TinyThemeTool(tinyAuroraTheme) // 传入 tinyAuroraTheme 可以配置 Aurora 主题
// themeTool.changeTheme(tinyOldTheme)  // 动态切换主题

const app = createApp(App);
app.config.globalProperties.$api = api; //全局API

// app.use(WebTracing, {
//     dsn: '/trackweb',
//     appName: 'cxh',
//     debug: true,
//     pv: true,
//     performance: true,
//     error: true,
//     event: true,
//     cacheMaxLength: 10,
//     cacheWatingTime: 1000,
//     ignoreRequest: [
//       /getAllTracingList/,
//       /cleanTracingList/,
//       /getBaseInfo/,
//       /getSourceMap/
//     ],
//     afterSendData(data) {
//       // 发送数据前的回调，可用于对数据进行处理
//       // 注意：该回调必须返回一个 Promise 对象，否则会导致数据发送失败
//       console.log('afterSendData', data)
//     }
//   })

app.use(pinia);
// app.use(TinyVue);
app.use(tiny);
app.use(router);
app.use(BatchVue);
app.use(i18n)
app.component(Editor.name, Editor);

app.mount('#app');

